$(function () {
 let jquery = {
  pagenum: 1,	   //是	int	页码值
  pagesize: 2,   //是	int	每页显示多少条数据
  cate_id: '',   //否	string	文章分类的 Id
  state: ''	     //否	string	文章的状态，可选值有：已发布、草稿
 }
 // 需求1 : 展示文章列表
 let layer = layui.layer
 initArticleList()
 function initArticleList() {
  axios({
   method: 'GET',
   url: '/my/article/list',
   params: jquery,
   headers: {
    Authorization: localStorage.getItem('token')
   }
  }).then(function (res) {
   if (res.data.status != 0) {
    layer.msg(res.data.message)
   }
   console.log(res.data)
   // 对文章列表进行渲染
   let arr = []
   res.data.data.forEach(function (ele) {
    arr.push(`
   <tr>
   <td>${ele.Id}</td>
   <td>${ele.title}</td>
   <td>${ele.pub_date}</td>
   <td>${ele.state}</td>
   <td>
    <a  href="/article/art_edit.html?id=${ele.Id}"  class="layui-btn  layui-btn-xs">修改</a>
    <button type="button"  data-Id="${ele.Id}"  class=" btn-delete layui-btn  layui-btn-xs layui-btn-danger">删除</button>
   </td>

  </tr>

   `)

   })
   let obj = arr.join('')
   $('tbody').empty().html(obj)
   pageRender(res.data.total)

  })
 }
 // 格式化日期方式



 let form = layui.form
 initArtCateList()
 function initArtCateList() {
  axios({
   method: 'GET',
   url: '/my/article/cates',
   headers: {
    Authorization: localStorage.getItem('token')
   }
  }).then(function (res) {
   // console.log(res.data.data)
   // 获取成功后
   let arr = ['<option value="">请选择类别</option>']
   res.data.data.forEach(function (ele) {
    arr.push(`
<option value="${ele.Id}">${ele.name}</option>
`)
   })
   let str = arr.join("")
   layui.form.render()
  })
 }
 // 需求2:筛选
 $("#formsearch").on('submit', function (e) {
  e.preventDefault()
  query.cate_id = $('[name="cate_id"]').val()
  query.state = $('[name="state"]').val()
  initArticleList()

 })

 // 需求3:分页
 var laypage = layui.laypage;
 function pageRender(total) {
  //执行一个laypage实例
  laypage.render({
   elem: 'pagebox', //注意，这里的 test1 是 ID，不用加 # 号
   count: total, //数据总数，从服务端得到
   limit: jquery.pagesize,
   curr: jquery.pagenum,
   layout: ['count', 'limit', 'prev', 'page', 'next'],
   limits: [2, 5, 8, 10],
   jump: function (obj, first) {
    // //obj包含了当前分页的所有参数，比如：
    // console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
    // console.log(obj.limit); //得到每页显示的条数

    //首次不执行
    if (!first) {
     //do something
     jquery.pagenum = obj.curr
     jquery.pagesize = obj.limit
     // 重新刷新页面
     initArticleList()
    }
   }
  });
 }

 // 需求 4 : 删除
 $('tbody').on('click', '.btn-delete', function () {
  let id = $(this).attr('data-Id')
  // 弹出层
  layer.confirm('确定删除吗?', { icon: 3, title: '提示' }, function (index) {
   //do something
   axios({
    method: 'GET',
    url: '/my/article/delete/' + id,
    headers: {
     Authorization: localStorage.getItem('token')
    }
   }).then(res => {
    layer.msg('删除成功')
    // 如果当前页面只剩一条数据,删除成功后,jquery.pagenum自减
    if ($('.btn-delete').length == 1 && jquery.pagenum >= 2) {
     jquery.pagenum--

    }
    // 重新刷新内容
    initArticleList()

   })
   layer.close(index);
  });


 })




})